<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>header.css</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="../../../../css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../css/main.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../css/github.css" type="text/css" media="screen" />
<script src="../../../../js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../js/jquery-effect.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../js/main.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../js/highlight.pack.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>
    <div class="banner">
        
        <h1>
            header.css
        </h1>
        <ul class="files">
            
            <li>
                app/assets/stylesheets/header.css
                
            </li>
            <li>Last modified: 2017-02-01 19:45:36 +0800</li>
        </ul>
    </div>

    <div id="bodyContent">
        <div id="content">
  
    <div class="description">
      
<p>.white-bg {</p>

<pre><code>background: #fff;
border-bottom: 1px solid #f1f2f7;</code></pre>

<p>} .header {</p>

<pre><code>position: fixed;
left: 0;
right: 0;
z-index: 1002;
min-height: 60px;
padding: 0 15px;
height: 60px;</code></pre>

<p>}</p>

<p>.header .top-nav {</p>

<pre><code>margin-top: 7px;
float: right;</code></pre>

<p>}</p>

<p>.header a.logo {</p>

<pre><code>font-size: 21px;
color: #2e2e2e;
float: left;
margin-left: 15px;
margin-top: 15px;
text-transform: uppercase;</code></pre>

<p>} .header a.logo span {</p>

<pre><code>color: #FF6C60;</code></pre>

<p>} .header a, .header a:hover, .header a:focus {</p>

<pre><code>text-decoration: none;
outline: none;</code></pre>

<p>} .header a {</p>

<pre><code>color: #667fa0;</code></pre>

<p>} .header a {</p>

<pre><code>color: #337ab7;
text-decoration: none;</code></pre>

<p>} .header a {</p>

<pre><code>background-color: transparent;</code></pre>

<p>}</p>

<p>.header .sidebar-toggle-box {</p>

<pre><code>float: left;
padding-right: 5px;
margin-top: 20px;
color: black;</code></pre>

<p>} .header .sidebar-toggle-box .fa-bars {</p>

<pre><code>cursor: pointer;
display: inline-block;
font-size: 20px;
color: #808080;</code></pre>

<p>} .header .fa {</p>

<pre><code>display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;</code></pre>

<p>}</p>

<p>div.header.white-bg img.header_preview_img{</p>

<pre><code>width:25px;
height:25px;</code></pre>

<p>}</p>

<pre><code>.fa-bars:before {
  content: &quot;\f0c9&quot;;</code></pre>

<p>}</p>

<pre><code>{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;</code></pre>

<p>}</p>

    </div>
  


  


  
  


  


  

  



  

    

    

    


    


    <!-- Methods -->
              </div>

    </div>
  </body>
</html>
